<div>
        <el-form  label-width="100%">
            <el-form-item label="">
            </el-form-item>
        </el-form>
        <div class="panel-parent">
            <div class="self">
                <el-form  :inline="true" :model="checkFormInline" class="demo-form-inline">
                    <el-row>
                        <el-col :span="6">
                    <el-form-item label=""  class = "transparent">
                        <el-button type="primary" @click="addPlan">添加采购计划</el-button>
                    </el-form-item>
                        </el-col>
                        <el-col :span="18">
                            <el-form-item label="商品编码">
                                <el-input v-model="checkFormInline.goodsCode" placeholder="商品编码" style="width: 150px"></el-input>
                            </el-form-item>
                            <el-form-item label="需求日期"  required label-width="80px">
                                <el-date-picker
                                        v-model="checkFormInline.needDate"
                                        align="right"
                                        type="date"
                                        placeholder="选择日期"
                                        format="yyyy-MM-dd"
                                        @change="pickTime2"
                                        :picker-options="pickerOptions2" style="width: 175px">
                                </el-date-picker>
                            </el-form-item>
                            <el-form-item label="使用部门">
                                <el-input v-model="checkFormInline.userDept" placeholder="使用部门" style="width: 150px"></el-input>
                            </el-form-item>
                            <el-button type="primary" @click="checkPurchasePlan()">查询</el-button>
                        </el-col>
                    </el-row>
                </el-form>
                <kf-table
                        ref="baseTable"
                        :data="tableData"
                        one-screen
                        title="添加采购计划"
                        :close-on-click-modal=false
                        layout="total, sizes, prev, pager, next, jumper"
                >

                    <el-table-column prop="purchasePlanNo"  label="计划编号"  min-width="100">
                    </el-table-column>
                    <el-table-column  prop="purchasingType" label="采购形式" min-width="100" >
                    </el-table-column>
                    <el-table-column prop="goodsCode" label="商品编码" min-width="100">
                    </el-table-column>
                    <el-table-column prop="goodsName" label="商品名称" width="100">
                    </el-table-column>
                    <el-table-column prop="goodsSpec" label="商品规格" width="100">
                    </el-table-column>
                    <el-table-column prop="userDept" label="使用部门" width="100">
                    </el-table-column>
                    <el-table-column prop="needDate" label="需求日期" width="100">
                    </el-table-column>
                    <el-table-column prop="needNum" label="需求数量" width="100">
                    </el-table-column>
                    <el-table-column prop="budgetPrice" label="估算单价" width="100">
                    </el-table-column>
                    <el-table-column prop="budgetMoney" label="预算金额" width="120">
                    </el-table-column>
                    <el-table-column prop="creater" label="创建人" width="80">
                    </el-table-column>
                    <el-table-column prop="state" label="状态" width="80">
                    </el-table-column>
                    <el-table-column prop="remarks" label="备注" width="150">
                    </el-table-column>
                    <el-table-column label="操作" fixed="right" width="200" >
                        <template scope="scope" >
                            <el-button type="text" @click="editPlan(scope)">修改</el-button>
                            <el-button type="text" @click="deletePlan(scope)">删除</el-button>
                        </template>
                    </el-table-column>
                    <template slot="editForm">
                            <el-form :inline="true" :model="planInFormInline"  ref="planInFormInline" class="plan-form-inline">
                                <el-row>
                                    <el-col :span="12">
                                        <el-form-item label="计划编号"  prop="purchasePlanNo" label-width="120px">
                                            <el-input v-model="planInFormInline.purchasePlanNo" placeholder="计划编号"></el-input>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="12">
                                        <el-form-item label="采购形式"  prop="purchasingType" label-width="120px">
                                            <el-input v-model="planInFormInline.purchasingType" placeholder="采购形式"></el-input>
                                        </el-form-item>
                                    </el-col>
                                </el-row>
                                <el-row>
                                    <el-col :span="12">
                                        <el-form-item label="商品编码"  prop="goodsCode" label-width="120px">
                                            <el-input v-model="planInFormInline.goodsCode" placeholder="商品编码"></el-input>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="12">
                                        <el-form-item label="商品名称"  prop="goodsName" label-width="120px">
                                            <el-input v-model="planInFormInline.goodsName" placeholder="商品名称"></el-input>
                                        </el-form-item>
                                    </el-col>
                                </el-row>
                                <el-row>
                                    <el-col :span="12">
                                        <el-form-item label="商品规格"  prop="goodsSpec" label-width="120px">
                                            <el-input v-model="planInFormInline.goodsSpec" placeholder="商品规格"></el-input>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="12">
                                        <el-form-item label="使用部门"  prop="userDept" label-width="120px">
                                            <el-input v-model="planInFormInline.userDept" placeholder="使用部门"></el-input>
                                        </el-form-item>
                                    </el-col>
                                </el-row>
                                <el-row>
                                    <el-col :span="12">
                                        <el-form-item label="需求日期"  required label-width="120px" prop="needDate">
                                            <el-date-picker
                                                    v-model="planInFormInline.needDate"
                                                    align="right"
                                                    type="date"
                                                    placeholder="选择日期"
                                                    format="yyyy-MM-dd"
                                                    @change="pickTime1"
                                                    :picker-options="pickerOptions1" style="width: 175px">
                                            </el-date-picker>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="12">
                                        <el-form-item label="需求数量"  prop="needNum" label-width="120px">
                                            <el-input v-model="planInFormInline.needNum" placeholder="需求数量"></el-input>
                                        </el-form-item>
                                    </el-col>
                                </el-row>

                                <el-row>
                                    <el-col :span="12">
                                        <el-form-item label="估算单价"  prop="budgetPrice" label-width="120px">
                                            <el-input v-model="planInFormInline.budgetPrice" placeholder="估算单价"></el-input>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="12">
                                        <el-form-item label="预算金额"  prop="budgetMoney" label-width="120px">
                                            <el-input v-model="planInFormInline.budgetMoney" placeholder="预算金额"></el-input>
                                        </el-form-item>
                                    </el-col>
                                </el-row>
                                <el-row>
                                    <el-col :span="12">
                                        <el-form-item label="备注"  prop="remarks" label-width="120px">
                                            <el-input v-model="planInFormInline.remarks" placeholder="备注"></el-input>
                                        </el-form-item>
                                    </el-col>
                                </el-row>
                        </el-form>
                    </template>
                    <template slot="formBtn">
                        <el-button  @click="clearPlan()">取 消</el-button>
                        <el-button type="primary" @click="savePlan()">确定保存</el-button>
                    </template>
                </kf-table>
           </div>

        </div>
    </div></title>
</head>
<body>

</body>
</html>